$(function () {
	$('#knw_continer').gallery({autoplay: true, interval: 5000});
	$(".btn-more-pr").click(function () {
		$(this).parent().toggleClass("collapse");
	});
	$(".footer-nav-item").click(function () {
		$(".footer-nav-item").removeClass("active");
		$(this).addClass("active");
	});
	$(".nav-item").click(function () {
		$(".nav-item").removeClass("active");
		$(this).addClass("active");
	});
	$(".nav-search").click(function () {
		$(".nav-item").removeClass("active");
		$(".nav-bar").addClass("collapse");
	});
	$(".nav-item").click(function () {
		if ($(".nav-bar").hasClass("expand")){
			$(".nav-item").removeClass("active");
			$(this).addClass("active");
		}
		if ($(".nav-bar").hasClass("expand") && !$(this).hasClass("group"))
			$(".nav-bar").removeClass("expand");
		else
			$(".nav-bar").addClass("expand");
	});
	$(".nav-sub-item").click(function () {
		$(".nav-item").removeClass("active");
		$(this).parent().parent().addClass("active");
		$(".nav-bar").removeClass("expand");
	});

	$('body').click(function (event) {
		if (!$(event.target).closest('.nav-search').length) {
			$(".nav-bar").removeClass("collapse");
		}
		;
	});


	$(".pr-list-wrapper").each(function () {
		if ($(this).children(".pr-item").length > 0) {
			var w = $(this).children(".pr-item").length * 200;
			$(this).width(w);
		}
	})
	$(".pr-list-banner-wrapper").each(function () {
		if ($(this).children(".pr-item-banner").length > 0) {
			var w = $(this).children(".pr-item-banner").length * 240;
			$(this).width(w);
		}
	})
	var myScroll = new IScroll('#list1', { eventPassthrough: true, scrollX: true, scrollY: false });
	var myScroll2 = new IScroll('#list2', {
		eventPassthrough: true, scrollX: true, scrollY: false
	});
	var myScroll3 = new IScroll('#list3', {
		eventPassthrough: true, scrollX: true, scrollY: false,
		snap: true,
		snapSpeed: 400
	});
	var myScroll4 = new IScroll('#list4', {
		eventPassthrough: true, scrollX: true, scrollY: false,
		hideScrollbar: true
	});
	initProfile();
	initAccountPopup();
});

function initAccountPopup() {
	$("#btn-account").click(function () {
		showPopup("popup-account", null);
		switchForm("popup-login", null, null);
	});
	$(".popup-mask").click(function () {
		hidePopup("popup-account", null);
	});
	$("#btn-regis").click(function () {
		switchForm("popup-register-step1", "popup-login", null);
	});
	$("#btn-submit-regis1").click(function () {
		switchForm("popup-register-step2", "popup-register-step1", null);
	});
}
function showPopup(id, callback) {
	$(".popup").removeClass("disable").css({opacity: 0}).animate({opacity: 1}, 200);
	$("#" + id).stop().css({top: 0}).animate({top: 100}, 250);
}
function hidePopup(id, callback) {
	$(".popup").animate({opacity: 0}, 200, function () {
		$(this).addClass("disable");
	});
	$("#" + id).stop().animate({top: 0}, 200);
}
function switchForm(id, oldId, callback) {
	$(".popup-content").each(function () { if (!$(this).hasClass("disable")) { oldId = this.id; return; } });
	$("#" + id).removeClass("disable").css({top: 390, opacity: 0}).animate({top: 0, opacity: 1}, 1000, "easeOutQuint");

	if (oldId && oldId != id)
		$("#" + oldId).css({top: 0, opacity: 1}).animate({top: -390, opacity: 0}, 1000, "easeOutQuint", function () {
			$(this).addClass("disable");
		});
}
function initProfile() {
	$(".pr-profile-menu-item.edit").click(function () {
		showPage("profile-page-edit");
		$(".pr-profile-menu-item").removeClass("active");
		$(this).addClass("active");
	});
	$(".pr-profile-menu-item.change-pass").click(function () {
		showPage("profile-page-password");
		$(".pr-profile-menu-item").removeClass("active");

		$(this).addClass("active");
	});
}
function showPage(id, callback) {
	$(".pr-profile-page:not(#" + id + ")").css({left: 0, opacity: 1}).animate({left: 200, opacity: 0}, 1000, "easeOutQuint", function () {
		$(this).addClass("disable");
	});
	$("#" + id).removeClass("disable");
	$("#" + id).stop().css({left: 200, opacity: 0}).animate({left: 0, opacity: 1}, 1000, "easeOutQuint");
}